@charset "utf-8";

 body{ overflow:auto;}
 .mg_b{ margin-bottom:10px;}
 .bg{ background:#17182a;font-family:"微软雅黑";}
 .logo_img {
    width: 30vw;
    height: 30vw;
    margin: 55px auto;
}
 .logo_img img{ width:100%; height:100%;}
 b{font-weight:normal;}
 
 /*input*/
 .login_input{ width:85%; margin:0 auto;}
 .login_type_ls {
    padding-left: 35px;
}
.type_box {
    width: auto;
    height: auto;
    position: relative;
    
}
.type_name {
    width: 34px;
    position: absolute;
    left: 0;
	color:#fff;
    top: 10px;
    text-align: center;
    line-height: 22px;
    position: absolute;
}
.input_box {
    width: 100%;
	border-bottom:1px solid #a0a0a0;
}
.input_box input {
    width: 100%;
    height: 42px;
    padding: 0 0 0 0px;
    color: #a0a0a0;
    font-size: 14px;
    border: none;
	background:none;
}
.input_box input:focus,.login_btn button:focus{outline: none;}
.input_box a{ line-height:42px; color:#fff;}
.login_input span{ color:#ccc;}
.submitBtn{width:70%; margin:40px auto;background:#e6262e;padding:8px 0px; font-size:1.2em; color:#fff; border-radius:25px;text-align: center;font-size: 16px;}
.login_btn{ width:70%; margin:60px auto;}
.login_btn button{background:#e6262e; border:none; width:100%; padding:10px 0px; font-size:1.2em; color:#fff; border-radius:25px;}
/*reg*/
.tx_img{ width:90px; height:90px; border:2px solid #fff; border-radius:50%; margin:30px auto;overflow:hidden;}
.tx_img img{ width:100%; height:100%; }
.reg_btn{ width:70%; margin:25px auto;}
.reg_btn button{background:#e6262e; border:none; width:100%; padding:10px 0px; font-size:1.2em; color:#fff; border-radius:25px;}
.reg_btn button:focus{outline: none;}
/*liqudation*/
.liq_font{ color:#a8a8a8;}
.liq_box{ width:100%; margin:0 auto 10px;}
.liq_main{ width:100%; background:#303030; overflow:hidden;}
.liq_box_hx{ border-bottom:1px solid #191919; height:50px; color:#fff;line-height:50px;}
.liq_btn{ width:90%; margin:10px auto 50px;}
.liq_btn button{background:#e6262e; border:none; width:100%; padding:10px 0px; font-size:1em; color:#fff; border-radius:25px;}
.liq_btn button:focus{border: none;outline: none;}
.liq_tx{font-size:0.8em; color:#fff; overflow:hidden}
.rem_16{ font-size:1.6rem;}
.liq_span span{ margin-left:5px;}
.liq_border{ border-right:1px solid #191919;}
.liq_borders select{ display:inline-block;display: inline-block;
       width:58%;
    height: 40px;
    border: none;
    background: #303030;
    padding: 0px 10px;

    color: #fff;
    border-color:#303030;
	box-shadow:none;}
.liq_red{ color:#e6262e; position:relative;}
.liq_red span{ position:absolute; top:2px;}
/*detail*/
.detail_main{ width:100%; background:#303030; overflow:hidden;border-top:1px solid #191919;}

.detail_box_hx{ width:95%; margin:0 auto;  height:50px;color:#fff;}
.left_img{ 
width:13%;
float:left;
height:50px; 
display: table-cell;
 vertical-align:middle;line-height:50px;}
 .right_text{width:87%; float:right;}
.left_img img{vertical-align:middle;  width:38px; height:38px; }
.detail_text{ padding-top:5px;}
.tot{width:100%; }
.yellow{color:#fadb0b;}
/*jxmx*/
.jymx_box{ border-bottom: 1px solid #191919; height: 40px;color: #fff;line-height: 40px;}
.jymx_bor{ border-bottom:1px solid #303030; }
.jymx_top{ border-top:1px solid #303030; }
.box_bor{border-left:1px solid #303030; border-right:1px solid #303030;}
.red{ color:#e6262e;}
.jymx_text{ padding:15px 0px;}
.jymx_time{ padding:10px 0px; line-height:40px;}
.jymx_main{ width:100%;}
.jymx_page{ margin:10px 0px 50px 0px;}
/*money*/
.money_btn{ width:100%; margin:10px 0 70px 0;}
.money_btn button{background:#e6262e; border:none; width:100%; padding:10px 0px; font-size:1.2em; color:#fff; border-radius:18px;}
.money_btn button:focus{outline: none;}
.tx_text{ margin:15px auto; font-weight:bold;letter-spacing:2px;}
.tx_input{  overflow:hidden;}
.tx_input input,select{ border:none; margin-bottom:5px;width: 100%;outline: none;}
.tx_input select{ border:1px solid #fff;    width: 100%;color: #999;}
.tx_input font{border-top:1px solid #e6262e; width:100%; display:block; font-size:10px; padding-top:5px; color:#999; margin-bottom:20px;}
.xiabiao{position: absolute;
    right:8px;
    top:-5px;
    width:10%;
    text-align: center;
    background-color: #fff;}
.new_input{ width:70% !important;}
.yzm{padding-bottom:5px;}
.yzm a{ color:#999;}

/*recharge*/
.tx_text img{ margin:-4px 5px 0px 0px;} 
.mar_15{ margin-bottom:15px;}
.recharge_btn{ width: 90%;margin: 10px auto;}
.recharge_btn button{background:#f39001; border:none; width:100%; padding:10px 0px; font-size:1.2em; color:#fff;    border-radius: 7px;    padding: 12px 0px;font-size: 1.3em; }
.recharge_btn button:focus{outline: none;}
.recharge-suspend{position: absolute;    bottom: 50px;
    left: 20px;
    right: 20px;}
.charge-header{background: #f39001;color:#fff;padding:12px 15px;text-align: center;  font-size: 1.4em;}
.btn_re{ width:22%; float:left; margin-bottom: 10px;} 
.btn_center{ margin:0% 3%;}
.group_btn{ width:100%; margin:0 auto;}
.btn_money{color:#333;background:#fff;margin-bottom:5px;text-decoration:none; padding:5px; text-align:center; border-radius:5px;    padding: 13px 0; } 
.btn_money b{color:#f65960;font-weight:normal; font-size: 1.3em;}
.on:hover{ text-decoration:none;}  
.btn_money:hover{text-decoration:none;}
.on{background: url('../images/price_bg.png') #fff;background-size: 100% 100%;}
.pay_style{ margin-bottom:15px; }
.pay_style span{ display:inline-block; font-size:16px; font-weight:bold;  margin:0px 5px;}
.remain{ margin-bottom:15px; color:#6e68fd;}
.form-control-style{width: 100%;}
.form-control-style:focus{border:none;outline: none;}
/*交易记录*/

.styled-select i{position: absolute;
    top: 0;
    right: 9px;}
.new-input{width: 70% !important;}
.btnjian,.btnjia{cursor: pointer;}



/* 个人中心 */
span.v-tt {
    display: inline-block;
    width: 8rem;
        line-height: 2rem;
    margin-top: 5px;
}
span.v-tt.v-name{
    width: 3rem;
    line-height: 0.85rem;
    margin-top: 12px;
}
span.v-tt.v-name b{
    font-size: 0.6rem;
    font-weight: normal;
}
    
.leftLine{
    border-left:1px solid #fff;
}
.leftLine .header-btn{
    text-align: center;
    font-size: 14px;
    line-height: 30px;
} 
.leftLine .header-btn img{
    width: 3rem;
    
}
.row-bg{
    background: #3a3c54;
}

.account-money{
    color:#fff;
}
.account-money b{
    color:#a5343e;
    font-size: 20px;
    font-weight: normal;
}
.btn-charge{
    color:#fff;

}
.btn-charge{
    background: #3da3eb;    
    padding: 6px 21px;
    font-size: 16px;
    margin-top: 0.4rem;
}
.btn-withdraw{
    background: #f65b61;
}
.accountCon{
    color:#fff;
    font-size: 16px;
}

/* 个人账户 */
.account_hbg{
    background: #f39001;
}
.line-top{
    border-top:1px solid #fff;
}
.line-right{
    border-right:1px solid #fff;
}
.look-stock{
    color:#fff;
    border-radius:4px;
    padding: 12px 0px 0 !important;
}
.look-down{
    background: #00b958;    
}
.look-stock .icon-down{
    width:26px;
    margin: 0 5px 5px 0;
}
.look-up{
    background: #f64847;
}
.currentPr{
    line-height: 30px;
    color:#9a9b9f;
}
button{
    padding: 0;
    border:0;
}
.model-tab{
    background: #f2f2f2;
    padding: 8px 0;
    border-bottom:1px solid #eae8e8;
}
.model-tab .hashTabber-nav{
    width:60%;
    margin:10px auto;
    border-radius:25px;
    overflow: hidden;
    background: #fff;
    border:1px solid #f39001;
}
.model-tab  .hashTabber-nav li{
    width: 50%;
    color:#999;
    float: left;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
}
.model-tab .hashTabber-nav li a{
    color:#999;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
} 
.model-tab li.active a, .model-tab li.active a:focus, .model-tab li.active a:hover {
    color: #fff;
    border-bottom: none;
}
.model-tab li.active{
    background: #f39001;
}

ol.hashTabber-nav,ol.hashTabber-data{list-style:none;}
ol.hashTabber-data>li{display:none}ol.hashTabber-data>li.active{display:block}

ol.hashTabber-nav, ol.hashTabber-data {
    list-style: none;
}
ol.hashTabber-data{
    background: #fff;
}
ol.hashTabber-data {
    > li {
        display: none;
        &.active {
            display: block;
        }
    }

}




/* 弹框 */
.look-close{ 
    /*background:url("./images/close.png") no-repeat; */
    width:30px; 
    height:30px; 
    cursor:pointer; 
    position:absolute; 
    right:5px; 
    top:20px; 
    color:#333;
    font-size: 20px;
    text-align: center;
    }
#mask{ 
    width: 100%;
    height:100%;
    background-color:#333;
    opacity:0.8;
    filter: alpha(opacity=80); 
    position:absolute; 
    left:0;
    top:0;
    z-index:1000;
}
#login{ 
    position:fixed;
    z-index:1031;
    /*position: absolute;*/
    left:0;
    top:6%;
    width: 100%;
    }
.loginCon{ 
    position:relative; 
    width:100%;
    background:url(img/loginBg.png) #2A2C2E center center no-repeat;
}


.items.items2{
    width: 6rem;    
    overflow: initial;
     border-radius: 0; 
     border: none;    
     margin-bottom: 5px;
}
.box .items input {
     padding: 0; 
    background: #fff;
    border: none;
    text-align: center;
    width: 100%;
    width: 45%;
    margin-top: 16px;
    font-size: 20px;
    color:#f00;
}
.box .items.items2 .num_tip {
    position: absolute;
    top: 0;
    left: 2.3rem;
    text-align: center;
    font-size: 12px;
    color:#999;    
    height: 10px;
    line-height: 10px;
    width: 60%;
    font-weight: normal;
}

.box .items.items2 a.minus {
    border: 1px solid #eee;
    padding: 0;
    color: #e6262e;
    width:36px;
    height: 39px;
}
.box .items.items2 a.plus {
    border: 1px solid #eee;
    padding: 0;
    color: #e6262e;
    width: 36px;
    height: 39px;
}
.usable{
    color:#666;
    margin: 6px 0 50px 0;
    padding: 0!important;
    text-indent: 10px;
    text-align: left;
}
.usable b{
    color:#f00;
}
.payable{
    color:#fff;
    background: #414649;
    height:66px;
    line-height: 66px;
    text-indent: 20px;
    padding:0;    
    text-align: left;
}
.payable a:focus,.payable a:hover{
    color:#fff;
    text-decoration:none;
}

.balance{
    color:#fff;
    background: #3da3eb;
    height:66px;
    padding: 10px 0;
    margin-left:0;
}
.pad_l15{
    padding-left: 15px !important;
}

.loginCon .look-stock .mon{
    color:#333;
    line-height: 34px;
    text-align: left;
    border: 1px solid #f39001;
    border-radius: 6px;
    overflow: hidden;
    padding-right: 5px;
}
select.couponType {
    height: 34px;
    line-height: 34px;
    font-size: 13px;
    padding-left: 13px;
    margin: 0;
    background: url(../images/pulldown.png) no-repeat center right;
    background-size: 20px;
    -moz-appearance: none;
   -webkit-appearance:none;
    appearance:none;  
}
.loginCon .use{
    color:#f39001;
    padding:3px 4px;
    border-radius: 3px;
    border:1px solid #f39001;
}
.loginCon .row.mar{
    background: #fff;
}

/*添加灰色的类*/
.down-up .gray ,.down-up #btnLogin1 .gray{
    background: #ddd;
}

/* 弹框颜色 */
.lgreen{
    color:#39a953;
}
.lred{color:#f00;}

/*测试*/
#areaContainerPare{
    width:100%;
    height:200px;
    position: relative;
}
#areaContainer{
    position:absolute;
    top:0;
    left:0;
}
#kContainer{
    position:absolute;
    top:0;
    left:0;
}
.userCouponHtml{
    font-size:16px;
    color:#f64847;
}
.userCouponNum{
    font-size:16px;
}
#login{
    margin:0 20px;
    width:calc(100% - 40px);
    border-radius:8px;
    /*overflow:hidden;*/
    background: #FFFFFF;
}
.col-xs-8.font_18.payable{
    width:50%;
    height:55px;
    background: #E8E8E8;
    line-height: 55px;
    border-bottom-left-radius: 8px;
}
.col-xs-4.font_18.text-center.balance.orderBalance.disabled{
    width:50%;
    height:55px;
    background: #F64847;
    line-height: 39px;
    border-bottom-right-radius: 8px;
}
.look-close {
    background: #DBDBDB;
    border-radius:50%;
    top:-40px;
}
.model-tab {
    padding:0;
    margin:0;
    border:0;
}
.model-tab .hashTabber-nav {
    padding:0;
    margin:0;
    border:0;
    border-radius:0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width:100%;
    height:50px;
    line-height: 50px;
    border-bottom:1px solid #EFD57D;
}
.model-tab{
    border-top-left-radius: 8px;
    border-top-right-radius:8px;
    height:50px;
    line-height: 50px;
}
.model-tab .hashTabber-nav li{
    width:50%;
    height:50px;
    line-height: 50px;
}
.row.mar{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.content-title{
    height: 50px;
    line-height: 50px;
    background: #F5F5F5;
    border-bottom:1px solid #E3E3E3;
}
.down-icon{
    font-size:14px;
    padding:2px;
    background: #01B85B;
}
.down-icon{
    font-size:14px;
    padding:2px 4px;
    background: #01B95A;
    color:#fff;
    border-radius:4px;
    margin-left:25px;
    margin-right:5px;
}
.up-icon{
    font-size:14px;
    padding:2px 4px;
    background: #F74848;
    color:#fff;
    border-radius:4px;
    margin-left:25px;
    margin-right:5px;
}
.product-name{
    font-size:15px;
    color:#5f5f5f;
}
.now-price{
    float:right;
    margin-right:25px;
}
.up-text{
    color:#F64849;
}
.down-text{
    color:#01B85B;
}
.jssj-section{
    background: #fff;
    padding:10px 20px;
}
.jssj{
    font-size: 12px;
    color:#8e8e8e;
    margin-bottom:5px;
    

}
.tzje-list,.jssj-list{
    display:flex;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ 
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ 
    display: -ms-flexbox; /* TWEENER - IE 10 */ 
    display: -webkit-flex; /* NEW - Chrome */ 
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tzje-list li{
    width:31%;
    border-radius:4px;
    -moz-box-flex: none; /*Firefox*/
    -webkit-box-flex: none; /*Safari,Opera,Chrome*/
    

    -webkit-box-flex: none;
  -webkit-flex: none;
      -ms-flex: none;
          flex:none;
          border:1px solid #D7D7D7;
          text-align: center;
          height: 40px;
          line-height: 40px;
          font-size:18px;
          color:#888888;
          background: #EDEDED;
          position: relative;
          overflow: hidden;
          margin-bottom:10px;
}
.tzje-list li.active{
    border:1px solid #F64847;
    color:#F64847;
    background: #F5F5F5;
}
.tzje-list li input{
    width:100%;
    height: 100%;
    top:0;
    left:0;
    position: absolute;
    box-sizing:border-box;
    padding-left:10px;
}
.tzje-list li+li{
    margin-left:3%;
}
.tzje-list li:nth-child(4){
    margin:0;
}
.jssj-list li{
    width:21%;
    border-radius:4px;
    background: #EDEDED;
    height:55px;
    border:1px solid #EDEDED;
    -moz-box-flex: none; /*Firefox*/
    -webkit-box-flex: none; /*Safari,Opera,Chrome*/
    

    -webkit-box-flex: none;
  -webkit-flex: none;
      -ms-flex: none;
          flex:none;
}
.jssj-list li:nth-child(5){
    margin-left:0;
    margin-top:15px;
}
.jssj-list li.active{
    background: #fff;
    border:1px solid #E8B400;
}
.jssj-list li+li{
    margin-left:5%;
}
.shijian{
    text-align: center;
    font-size:20px;
    color:#888888;
}
.jssj-list li.active .shijian{
    color:#E6B400;
}
.jssj-list li.active .shijian span:last-child{
    font-size:9px;
}
.shouyi{
    font-size:12px;
    color:#F74749;
    text-align: center;
}
a:focus {
    outline:0;
}
button:focus{
    outline:0;
}
.kyye,.yjsy{
    background: #fff;
    font-size:15px;
    color:#888888;
}
.yjsy{
    float: right;
}
.yjsy span{
    color:#F64847;
}